<template>
  <div class="living_middle">
    <div class="container">
      <div class="entertain_box wow fadeInLeft" data-wow-delay="0.4s">
        <div class="col-md-3 grid_box">
          <a  class="swipebox" title="Image Title">
            <img src="../../assets/images/p1.jpg" class="img-responsive" alt />
            <span class="zoom-icon"></span>
          </a>
          <div class="grid_box2">
            <h4>
              <a href="#">Hotel</a>
            </h4>
            <p>无边泳池</p>
          </div>
        </div>
        <div class="col-md-3 grid_box">
          <a  class="swipebox" title="Image Title">
            <img src="../../assets/images/p2.jpg" class="img-responsive" alt />
            <span class="zoom-icon"></span>
          </a>
          <div class="grid_box2">
            <h4>
              <a href="#">Hotel</a>
            </h4>
            <p>房间</p>
          </div>
        </div>
        <div class="col-md-3 grid_box">
          <a  class="swipebox" title="Image Title">
            <img src="../../assets/images/p3.jpg" class="img-responsive" alt />
            <span class="zoom-icon"></span>
          </a>
          <div class="grid_box2">
            <h4>
              <a href="#">Hotel</a>
            </h4>
            <p>餐饮</p>
          </div>
        </div>
        <div class="col-md-3 grid_box">
          <a  class="swipebox" title="Image Title">
            <img src="../../assets/images/p4.jpg" class="img-responsive" alt />
            <span class="zoom-icon"></span>
          </a>
          <div class="grid_box2">
            <h4>
              <a href="#">Hotel</a>
            </h4>
            <p>海景房</p>
          </div>
        </div>
        <div class="clearfix"></div>
      </div>
      <div class="entertain_box1 wow fadeInRight" data-wow-delay="0.4s">
        <div class="col-md-3 grid_box">
          <a  class="swipebox" title="Image Title">
            <img src="../../assets/images/p5.jpg" class="img-responsive" alt />
            <span class="zoom-icon"></span>
          </a>
          <div class="grid_box2">
            <h4>
              <a href="#">Hotel</a>
            </h4>
            <p>酒店外观</p>
          </div>
        </div>
        <div class="col-md-3 grid_box">
          <a  class="swipebox" title="Image Title">
            <img src="../../assets/images/p6.jpg" class="img-responsive" alt />
            <span class="zoom-icon"></span>
          </a>
          <div class="grid_box2">
            <h4>
              <a href="#">Hotel</a>
            </h4>
            <p>大床房</p>
          </div>
        </div>
        <div class="col-md-3 grid_box">
          <a  class="swipebox" title="Image Title">
            <img src="../../assets/images/p7.jpg" class="img-responsive" alt />
            <span class="zoom-icon"></span>
          </a>
          <div class="grid_box2">
            <h4>
              <a href="#">Hotel</a>
            </h4>
            <p>水上游乐园</p>
          </div>
        </div>
        <div class="col-md-3 grid_box">
          <a class="swipebox" title="Image Title">
            <img src="../../assets/images/p8.jpg" class="img-responsive" alt />
            <span class="zoom-icon"></span>
          </a>
          <div class="grid_box2">
            <h4>
              <a href="#">Hotel</a>
            </h4>
            <p>简洁双人房</p>
          </div>
        </div>
        <div class="clearfix"></div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style>
</style>